<template>
  <div class="bid-info">
      <h3>授标配额</h3>
      <div class="info-div">
        <el-table :data="vendorMaterial" border>
        <el-table-column label="中标状态" align="center" prop="winStatus">
          <template slot-scope="scope">
              <TableIcon :flag="scope.row.winStatus"
              :titles="[{status:0,title:'未中标'},{status:1,title:'已中标'}]"></TableIcon>
          </template>
        </el-table-column>
        <el-table-column label="保证金退还状态" align="center" prop="bondBackStatus">
          <template slot-scope="scope">
              <TableIcon :flag="scope.row.bondBackStatus"
              :titles="[{status:0,title:'未退还'},{status:1,title:'已退还'}]"></TableIcon>
          </template>
        </el-table-column>
        <el-table-column label="产品编码" align="center" prop="materialCode" width="120px"></el-table-column>
        <el-table-column label="产品名称" align="center" prop="materialName" width="160px"></el-table-column>
        <el-table-column label="规格型号" align="center" prop="materialSpec"></el-table-column>
        <el-table-column label="采购单位" align="center" prop="materialUnit"></el-table-column>
        <el-table-column label="招标数量" align="center" prop="planQty"></el-table-column>
        <el-table-column label="供货区域" align="center" prop="purOrgName"></el-table-column>
        <el-table-column label="工厂" align="center" prop="factoryName" width="170px"></el-table-column>
        <el-table-column label="含税总价" align="center" prop="totalPrice"></el-table-column>
        <el-table-column label="税率" align="center" prop="taxRate" width="100px;"></el-table-column>
        <el-table-column label="付款条件" align="center" prop="paymentTypeId" width="280px;"></el-table-column>
        <el-table-column label="付款方式" align="center" prop="paymentTermsId" width="160px;"></el-table-column>
        <el-table-column label="质保期" align="center" prop="qualityTime"></el-table-column>
        <el-table-column label="交货期" align="center" prop="deliveryDate"></el-table-column>
        </el-table>
    </div>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        vendorMaterial:[]
      };
    },
    created(){
      this.queryVendorMaterial();
    },
    methods: {
      queryVendorMaterial(){
        this.axios.post(`${this.lib.config.host.bidtender}/bidmgt/tender/loadQuoteDetail/036fc75f-58cf-49ee-81ff-d3b033011dbc/0`).then((res) => {
          this.vendorMaterial=res.data;
        }).catch(function (error) {
          console.log(error);
        });
      }
    }
  }

</script>
